<template>
  <div>
    <a-modal v-model:open="open" title="未检测到打印组件" @ok="handleOk" @cancel="emit('cancel')">
      <div style="display: flex; justify-content: center; align-items: center; flex-direction: column;">
        <Icon :size="300" icon="svg-icon:tip"></Icon>
        <a href="http://www.c-lodop.com/download.html">点击下载/升级LODOP插件</a>
      </div>
    </a-modal>
  </div>
</template>
<script lang="ts" setup>
import { toRefs } from 'vue'
import Icon from '@/components/framework/icon/index.vue'
const props = defineProps({
  open: {
    type: Boolean,
    default: false
  }
})
const emit = defineEmits(['cancel'])
const { open } = toRefs(props)
const handleOk = () => {
  window.open('http://www.c-lodop.com/download.html')
}
</script>
